<template>
        <div class="body">
            <div style="width: 100%; background-color: white">
                <div class="advertisement"></div>
            </div>
            <div class="goods_recommend">
                <div class="goods l">
                    <div class="goods_show l">
                        <hr>
                        <div class="goods_picture">
                            <a href="javascript:;"><img class="i_pic" src="http://127.0.0.1:3002/images/cw/big_books_0.jpg" alt=""></a>
                        </div>
                        <hr>
                        <div class="goods_picture_other">
                            <ul>
                                <li><a href="javascript:;" class="a_i"><i class="i i_2"></i><img src="http://127.0.0.1:3002/images/cw/books_0.jpg" alt=""></a></li>
                                <li><a href="javascript:;" class="a_i"><i class="i_2"></i><img src="http://127.0.0.1:3002/images/cw/books_1.jpg" alt=""></a></li>
                                <div style="clear:both;"></div>
                            </ul>
                        </div>
                        <div class="goods_popularity">
                            <span class="iconfont .icon-fire">2020人气</span>
                        </div>
                        <div class="line"></div>
                    </div>
                    <div class="goods_detail">
                        <p>官方授权 &nbsp;{{book.name}}原版小说，1-14（含6.5/7.5/10.5）卷全，共14本。</p>
                        <div class="price">
                            <div class="goods_price"></div>
                            <div class="goods_buy">
                                <div class="goods_buy_all">
                                    <dl>
                                        <dt>书籍分类</dt>
                                        <dd class="goods_type">
                                            <ul>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_0.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_1.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_2.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_3.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_4.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_5.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_6.jpg" alt=""></a></li>
                                                <li><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_6.5.jpg" alt=""></a></li>
                                                <div class="more l"><a href="javascript:;">更多...</a></div>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_7.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_7.5.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_8.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_9.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_10.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_11.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_12.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_13.jpg" alt=""></a></li>
                                                <li class="more_goods" style="display: none"><a href="javascript:;"><i class="i_3"></i><img src="http://127.0.0.1:3002/images/cw/book_14.jpg" alt=""></a></li>
                                                <div class="more_goods less l" style="display: none"><a href="javascript:;" class="iconfont icon-fanhui"></a></div>
                                                <div style="clear: both;"></div>
                                            </ul>
                                        </dd>
                                        <div style="clear: both;"></div>
                                    </dl>
                                    <dl style="margin-top: .2rem">
                                        <dt>数量</dt>
                                        <dd class="goods_amount">
                                    <span class="goods_num">
                                    <input type="text" value="0" class="num">
                                    <span class="add">+</span>
                                    <span class="reduce">-</span>
                                    </span>
                                        </dd>
                                        <div style="clear: both;"></div>
                                    </dl>
                                    <dl style="margin-top: .2rem">
                                        <dt>价格</dt>
                                        <dd class="goods_price_all">
                                            <span>0.00</span>
                                        </dd>
                                        <div style="clear: both;"></div>
                                    </dl>
                                </div>
                                <div class="goods_buy_go">
                                    <button class="buy l">加入购物车</button>
                                    <button class="cart l">立即购买</button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="line2"></div>
                </div>
                <div class="recommend l">
                    <p><i></i>精品图书<i class="rr"></i></p>
                    <ul>
                        <li><a href="#"><img src="http://127.0.0.1:3002/images/books/school_3.jpg" alt=""></a><p>《欢迎来到实力至上的教室》</p></li>
                        <li><a href="#"><img src="http://127.0.0.1:3002/images/books/school_2.jpg" alt=""></a><p>《冰菓》</p></li>
                        <li><a href="javascript:;"><img src="http://127.0.0.1:3002/images/books/school_8.jpg" alt=""></a><p>《龙与虎》</p></li>
                    </ul>
                </div>
                <div style="clear:both;"></div>
            </div>
            <!--<div class="seller_comment">-->
            <!--<div class="seller l"></div>-->
            <!--<div class="comment l"></div>-->
            <!--<div style="clear:both;"></div>-->
            <!--</div>-->
        </div>
        <!--我是身体-->
</template>

<script>
    export default {
        data(){
            return{
                book:[],
                id:''
            }
        },
        created(){
            this.$axios.get('book',{
            }).then(res=>{
                this.book = res.data.find(element=>{
                    if(element.name === this.$route.query.name){
                        return element
                    }
                })
            }).then(err=>{
                console.log(err)
            })
        }
    }
    import "../../assets/js/Deatail";
</script>

<style scoped>
    @import '../../assets/css/Deatail.css';
</style>